/* Menubar */
#menubar ul,
#menubar li,
#menubar a{
	background-color: white;
	cursor: default;
}
#menubar ul li{
	position: relative;
	padding: 0;
}
#menubar ul a{
	display: block;
	font-size: 90%;
	color: black;
	text-decoration: none;
	padding: 0.3em 0.5em;
}
#menubar li:hover > a{
	background-color: blue;
	color: white;
}

/* main */
#menubar > ul{
	height: 1.5em;
}
#menubar > ul > li{
	float: left;
}
#menubar > ul > li > a{
	padding: 0.25em 0.5em;
	border: none;
}
#menubar > ul,
#menubar > ul > li,
#menubar > ul > li > a{
	background-color: #efefef;
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}


/* sub */
#menubar li > ul{
	position: absolute;
	top: 100%;
	left: 0;
	width: 15em;
	border: 1px black solid;
	opacity: 0.95;
	box-shadow: #515151 3px 3px 5px;
	z-index: 99;
}

/* sub-sub */
#menubar li > ul > li > ul{
	top: -3px;
	left: 95%;
}

/* open/close */
#menubar li > ul{
	display: none;
}
#menubar li:hover > ul{
	display: block;
}